<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>作业</title>
    <style>
    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
      }
      .container {
        align-items: center;
        /* 相当与鸿蒙space */
        row-gap: 2vw;
      }
      .nav_top {
        width: 100%;
        height: 50%;
        align-items: center;
        justify-content: space-between;
        display: flex;
      }
      .nav_top img {
        width: 30px;
        height: 30px;
      }
      .nav_top_text {
        font-size: 16px;
      }
      .left {
        font-weight: 600;
      }
      .right {
        color: rgb(195, 210, 210);
      }
      .center{
        width: 100%;
        align-items: center;
      }
      .center img{
        width: 70%;
      }
      .center_text{
          font-size: 16px;
          font-weight: 600;
          justify-content: center;
      }
      .center_text span{
        color: aqua;
      }
    </style>
  </head>

  <body>
    <div class="nav_top container">
      <div><img src="./assets/arrow-left.png" alt="" /></div>
      <div class="nav_top_text left">急速问诊</div>
      <div class="nav_top_text right">问诊记录</div>
    </div>
    <div class="center">
        <img src="./assets/consult-fast.png" alt=""></img>
        <div class="center_text">
            <span>20s</span> 快速匹配专业医生
    </div>
    </div>
  </body>
</html>
